<blockquote class="layui-elem-quote">引用区域的文字</blockquote>
<table id="category-list" lay-filter="category-list"></table>
<script type="text/html" id="category-bar">
    <a class="layui-btn layui-btn-sm layui-btn-primary" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-sm layui-btn-primary" lay-event="del">删除</a>
</script>
<script>
    layui.use(['table'],function () {
       var table = layui.table,
       $=layui.$;

       //ajax获取数据，渲染到表格中
        table.render({
            elem: '#category-list',
            url: '/api/category',
            page: true,
            cols: [[
                {field: 'id',title: 'ID',width:60},
                {field: 'name',title: '分类名',},
                {field: 'dscp',title: '描述',},
                {field: 'pic',title: '图片',templet:function (d) {
                        if(d.pic){
                            return '<img src="/upload/'+d.pic+'">';
                        }else{
                            return  '';
                        }
                    }},
                {field: 'parentId',title: '父分类',templet:function (d) {
                        return (d.parent) ? d.parent.name : '';
                    }},
                {field: 'recom',title: '主页推荐',width: 90,templet:function (d) {
                        return ['不推荐','推荐'][d.recom];
                    }},
                {field: 'status',title: '状态',width:80,templet:function (d) {
                        return ['上架','下架'][d.status];
                    }},
                {title: '操作',toolbar: '#category-bar'},
            ]],
            parseData: function (d) {
                return {
                  code: d.code,
                  msg: d.msg,
                  count: d.data.total,
                  data: d.data.list,
                };
            },
        });

        //行工具条的点击事件
        table.on('tool(category-list)',function (obj) {
            // layer.msg("dianji")
            if(obj.event == 'edit'){
                // layer.msg("编辑")
                //向新页面传输数据
                sessionStorage.setItem('category-edit',JSON.stringify(obj.data));

                //弹出层
                layer.open({
                    type: 2,
                    title: '编辑分类',
                    content: '/category/edit.html',
                    area: ['550px','650px'],
                    end: function () {
                        //
                        table.reload('category-list');
                    }
                })
            }else if(obj.event == 'del'){
                // layer.msg("删除")
                layer.confirm('是否删除本条记录',function (index) {
                    //关闭弹出框
                    layer.close(index)
                   //
                   //
                   $.ajax({
                       url: '/api/category',
                       data: {id: obj.data.id},
                       type: 'delete',
                       dataType: 'json',
                       success: function (result) {
                           if(result.code === 0){
                               layer.msg("删除成功")
                           }else{
                               layer.msg("删除失败")
                           }

                           //刷新下表格
                           table.reload('category-list')
                       },
                       error: function () {
                           layer.msg("请求失败")
                       }
                   }) ;
                });
            }
        });
    });
</script>